<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="Striker HTML5 Template">
  <title>玩具商城</title>
  <link rel="shortcut icon" type="image/x-icon" href="./media/favicon.png">
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/font-awesome.css">
  <link rel="stylesheet" href="./css/slick.css">
  <link rel="stylesheet" href="./css/slick-theme.css">
  <link rel="stylesheet" href="./css/app.css">
  <link rel="stylesheet" href="./css/aksVideoPlayer.css">
  <link rel="stylesheet" href="./css/pre.css">
  <link rel="stylesheet" href="./css/aaa.css">
</head>

<body cz-shortcut-listen="true">
  <script src="./js/console-ban.min.js"></script>
  <div id="preloader" style="display: none;">
    <div class="pyramid-loader">
      <div class="loader"></div>
    </div>
  </div><a href="#main-wrapper" id="backto-top" class="back-to-top"><i class="fas fa-angle-up"></i></a>
  <div id="main-wrapper" class="main-wrapper overflow-hidden">
    <header class="large-screens">
      <div class="container-fluid">
        <nav class="navbar navbar-expand-lg p-0">
          <div class="collapse navbar-collapse" id="mynavbar">
            <div class="left-nav"><a href="index.html" class="navbar-brand m-0 p-0"><img alt=""
                  src="./media/logo.png"></a>
              <ul class="navbar-nav m-0">
                <li class="has-children"><a href="javascript:void(0);">首页</a>
                  <ul class="submenu">
                    <li><a href="index.html" class="active">第一页</a></li>
                    <li><a href="index-2.html">第二页</a></li>
                  </ul>
                </li>
                <li class="menu-item"><a href="about.html">关于我们</a></li>
              </ul>
            </div>
            <div class="search-block">
              <form action="shop-listing-1.html" class="input-group search-bar"><input type="text"
                  placeholder="Search..." required=""><button class="search" type="submit"><i
                    class="far fa-search search-icon"></i></button></form>
            </div>
            <div class="right-nav">
              <ul class="navbar-nav m-0">
                <li class="has-children"><a href="javascript:void(0);">商城</a>
                  <ul class="submenu">
                    <li><a href="shop-listing-1.html">商品网格 </a></li>
                    <li><a href="shop-listing-2.html">商品列表</a></li>
                  </ul>
                </li>
                <li class="has-children"><a href="javascript:void(0);">详情页</a>
                  <ul class="submenu">
                    <li><a href="blog.html">日志</a></li>
                    <li><a href="blog-detail.html">日志详细</a></li>
                    <li><a href="product-detail.html">商品详情</a></li>
                    <li><a href="cart.html">购物车</a></li>
                    <li><a href="checkout.html">结账台</a></li>
                    <li><a href="wishlist.html">意愿清单</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                  </ul>
                </li>
              </ul>
              <ul class="navbar-nav m-0">
                <li class="menu-item"><a href="cart.html"><i class="fal fa-shopping-cart"></i></a></li>

              </ul>
            </div>
          </div>
        </nav>
      </div>
    </header>
    <header class="small-screen">
      <div class="container-fluid">
        <div class="mobile-menu">
          <div><a class="navbar-brand" href="index.html"><img alt="" src="./media/logo.png"></a></div>
          <div class="hamburger-menu">
            <div class="bar"></div>
          </div>
        </div>
        <nav class="mobile-navar d-xl-none">
          <ul>
            <li class="has-children">Home <span class="icon-arrow"></span>
              <ul class="children">
                <li><a href="index.html" class="active">Home 1</a></li>
                <li><a href="index-2.html">Home 2</a></li>
              </ul>
            </li>
            <li class="has-children">Pages <span class="icon-arrow"></span>
              <ul class="children">
                <li><a href="about.html">About us</a></li>
                <li><a href="blog.html">Blog</a></li>
                <li><a href="blog-detail.html">Blog Detail</a></li>
                <li><a href="product-detail.html">Product Detail</a></li>
                <li><a href="cart.html">Cart</a></li>
                <li><a href="checkout.html">Checkout</a></li>
                <li><a href="wishlist.html">Wishlist</a></li>
                <li><a href="contact.html">Contact</a></li>
              </ul>
            </li>
            <li class="has-children">Shop <span class="icon-arrow"></span>
              <ul class="children">
                <li><a href="shop-listing-1.html">Shop Grid</a></li>
                <li><a href="shop-listing-2.html">Shop Listing</a></li>
              </ul>
            </li>
          </ul>
        </nav>
      </div>
    </header>
    <div class="hero-banner-1">
      <div class="container">
        <div class="content">
          <div class="title">
            <h2>Buy This Boat Set!</h2>
            <p>Lorem ipsum dolor sit amet consectetur. Id enim hendrerit enim <br>molestie. Duis quam eleifend aliquam
              diam vulputate.</p>
          </div>
          <div class="btn-block"><a href="shop-listing-1.html" class="cus-btn light">Buy Now</a><a href="cart.html"
              class="cus-btn dark">Add to Cart</a></div>
        </div><img src="./media/banner/img-1.png" class="toy-img1" alt=""><img src="./media/banner/img-2.png"
          class="toy-img2" alt=""><img src="./media/banner/img-3.png" class="toy-img3" alt="">
      </div>
    </div>
    <div class="page-content">
      <div class="services p-96">
        <div class="container">
          <div class="row">
            <div class="col-lg-3 col-sm-6 mb-24 mb-lg-0"><img src="./media/services/free-shipping.png"
                class="w-100 br-30" alt=""></div>
            <div class="col-lg-3 col-sm-6 mb-24 mb-lg-0"><img src="./media/services/money-guarantee.png"
                class="w-100 br-30" alt=""></div>
            <div class="col-lg-3 col-sm-6 mb-24 mb-sm-0"><img src="./media/services/online-support.png"
                class="w-100 br-30" alt=""></div>
            <div class="col-lg-3 col-sm-6 mb-24 mb-0"><img src="./media/services/flexible-payment.png"
                class="w-100 br-30" alt=""></div>
          </div>
        </div>
      </div>
      <section class="top-seller">
        <div class="container">
          <div class="heading mb-48 text-center">
            <h2>Trendy Toys</h2>
          </div>
          <div class="product">
            <div class="row mb-16">
              <div class="col-xl-3 col-lg-4 col-sm-6">
                <div class="product-card mb-32 mb-sm-0">
                  <div class="img-block"><img src="./media/product/p-1.png" alt=""></div>
                  <div class="content">
                    <div class="name-price">
                      <div class="product-name">
                        <h5>Slinky Dog</h5>
                      </div>
                      <div class="product-price">
                        <h5 class="bold">– $20</h5>
                      </div>
                    </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                  </div>
                </div>
              </div>
              <div class="col-xl-3 col-lg-4 col-sm-6">
                <div class="product-card mb-32 sec">
                  <div class="img-block"><img src="./media/product/p-2.png" alt=""></div>
                  <div class="content">
                    <div class="name-price">
                      <div class="product-name">
                        <h5>Rex Figurine</h5>
                      </div>
                      <div class="product-price">
                        <h5 class="bold">– $15</h5>
                      </div>
                    </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                  </div>
                </div>
              </div>
              <div class="col-xl-3 col-lg-4 col-sm-6">
                <div class="product-card mb-32">
                  <div class="img-block"><img src="./media/product/p-3.png" alt=""></div>
                  <div class="content">
                    <div class="name-price">
                      <div class="product-name">
                        <h5>Fluffy Bear</h5>
                      </div>
                      <div class="product-price">
                        <h5 class="bold">– $65 </h5>
                      </div>
                    </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                  </div>
                </div>
              </div>
              <div class="col-xl-3 col-lg-4 col-sm-6">
                <div class="product-card mb-32 sec">
                  <div class="img-block"><img src="./media/product/p-4.png" alt=""></div>
                  <div class="content">
                    <div class="name-price">
                      <div class="product-name">
                        <h5>Bullseye Plush</h5>
                      </div>
                      <div class="product-price">
                        <h5 class="bold">– $58 </h5>
                      </div>
                    </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                  </div>
                </div>
              </div>
              <div class="col-xl-3 col-lg-4 col-sm-6">
                <div class="product-card mb-32 sec">
                  <div class="discount sec">10% Off </div>
                  <div class="img-block"><img src="./media/product/p-5.png" alt=""></div>
                  <div class="content">
                    <div class="name-price">
                      <div class="product-name">
                        <h5>Firefighter Set</h5>
                      </div>
                      <div class="product-price">
                        <h5 class="bold">– $29</h5>
                      </div>
                    </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                  </div>
                </div>
              </div>
              <div class="col-xl-3 col-lg-4 col-sm-6">
                <div class="product-card mb-32 ">
                  <div class="img-block"><img src="./media/product/p-6.png" alt=""></div>
                  <div class="content">
                    <div class="name-price">
                      <div class="product-name">
                        <h5>Cat Dump Truck</h5>
                      </div>
                      <div class="product-price">
                        <h5 class="bold">– $24</h5>
                      </div>
                    </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                  </div>
                </div>
              </div>
              <div class="col-xl-3 col-lg-4 col-sm-6">
                <div class="product-card mb-32 sec">
                  <div class="img-block"><img src="./media/product/p-7.png" alt=""></div>
                  <div class="content">
                    <div class="name-price">
                      <div class="product-name">
                        <h5>Creative Blocks</h5>
                      </div>
                      <div class="product-price">
                        <h5 class="bold">– $64</h5>
                      </div>
                    </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                  </div>
                </div>
              </div>
              <div class="col-xl-3 col-lg-4 col-sm-6">
                <div class="product-card mb-32 ">
                  <div class="img-block"><img src="./media/product/p-8.png" alt=""></div>
                  <div class="content">
                    <div class="name-price">
                      <div class="product-name">
                        <h5>Buzz Lightyear</h5>
                      </div>
                      <div class="product-price">
                        <h5 class="bold">– $32</h5>
                      </div>
                    </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                  </div>
                </div>
              </div>
            </div>
            <div class="d-flex justify-content-center"><a href="shop-listing-1.html" class="cus-btn primary">Discover
                More </a></div>
          </div>
        </div>
      </section>
      <section class="product-card p-96">
        <div class="container">
          <div class="row">
            <div class="col-lg-4 col-sm-6 mb-24 mb-lg-0"><a href="product-detail.html" class="cards w-100"><img
                  src="./media/cards/card-1.png" class="w-100" alt="">
                <h3 class="h-47 bold color-white">LEGO BRICKS</h3>
              </a></div>
            <div class="col-lg-4 col-sm-6 mb-24 mb-lg-0"><a href="product-detail.html" class="cards w-100"><img
                  src="./media/cards/card-2.png" class="w-100" alt="">
                <h3 class="h-47 bold color-white">TOY CARS</h3>
              </a></div>
            <div class="col-lg-4 col-sm-6 offset-lg-0 offset-sm-3"><a href="product-detail.html"
                class="cards w-100"><img src="./media/cards/card-3.png" class="w-100" alt="">
                <h3 class="h-47 bold color-white">FLUFFY TOYS</h3>
              </a></div>
          </div>
        </div>
      </section>
      <section class="sales-product">
        <div class="container">
          <div class="d-flex flex-xl-row flex-column  gap-4">
            <div class="product st-2">
              <div class="product-card sec">
                <div class="img-block"><img src="./media/product/p-9.png" alt=""></div>
                <div class="content">
                  <div class="name-price">
                    <div class="product-name">
                      <h5>Lego Fir fighter Set</h5>
                    </div>
                    <div class="product-price">
                      <h5 class="bold">– $20</h5>
                    </div>
                  </div>
                  <div class="btn-block"><a href="cart.html" class="cus-btn primary">Add to Cart</a><a
                      href="wishlist.html" class="list-btn"></a><a href="shop-listing-1.html" class="list-btn"></a></div>
                </div>
              </div>
              <div class="product-card">
                <div class="img-block"><img src="./media/product/p-10.png" alt=""></div>
                <div class="content">
                  <div class="name-price">
                    <div class="product-name">
                      <h5>Creative Blocks</h5>
                    </div>
                    <div class="product-price">
                      <h5 class="bold">– $64</h5>
                    </div>
                  </div>
                  <div class="btn-block"><a href="cart.html" class="cus-btn primary">Add to Cart</a><a
                      href="wishlist.html" class="list-btn"></a><a href="shop-listing-1.html" class="list-btn"></a></div>
                </div>
              </div>
              <div class="product-card sec">
                <div class="img-block"><img src="./media/product/p-11.png" alt=""></div>
                <div class="content">
                  <div class="name-price">
                    <div class="product-name">
                      <h5>Bullseye Plush</h5>
                    </div>
                    <div class="product-price">
                      <h5 class="bold">– $58</h5>
                    </div>
                  </div>
                  <div class="btn-block"><a href="cart.html" class="cus-btn primary">Add to Cart</a><a
                      href="wishlist.html" class="list-btn"></a><a href="shop-listing-1.html" class="list-btn"></a></div>
                </div>
              </div>
              <div class="product-card">
                <div class="img-block"><img src="./media/product/p-12.png" alt=""></div>
                <div class="content">
                  <div class="name-price">
                    <div class="product-name">
                      <h5>My Melody Plush</h5>
                    </div>
                    <div class="product-price">
                      <h5 class="bold">– $50</h5>
                    </div>
                  </div>
                  <div class="btn-block"><a href="cart.html" class="cus-btn primary">Add to Cart</a><a
                      href="wishlist.html" class="list-btn"></a><a href="shop-listing-1.html" class="list-btn"></a></div>
                </div>
              </div>
            </div>
            <div class="sales">
              <div class="tag">New</div>
              <div class="off">
                <div class="discount">
                  <h2>10</h2>
                  <div class="text">
                    <h3 class="h-47 bold">%</h3>
                    <h4 class="h-27 bold">OFF</h4>
                  </div>
                </div>
                <h1 class="h-61 bold light-black mb-32">Buzz Lightyear</h1><a href="product-detail.html"
                  class="cus-btn sec">Purchase Now</a>
              </div>
              <div class="product-img"><img src="./media/product/p-13.png" alt=""></div>
            </div>
          </div>
        </div>
      </section>
      <section class="all-product p-96">
        <div class="container">
          <div class="heading mb-48 text-center">
            <h2>All Products</h2>
          </div>
          <div class="card mb-lg-0 mb-24">
            <div class="card-header">
              <ul class="nav nav-tabs card-header-tabs " data-bs-tabs="tabs">
                <li class="nav-item"><a href="#all" class="active" aria-current="true" data-bs-toggle="tab">All Toys</a>
                </li>
                <li class="nav-item"><a href="#top" class="" aria-current="false" data-bs-toggle="tab">Top Sellers</a>
                </li>
                <li class="nav-item"><a href="#sale" class="" aria-current="false" data-bs-toggle="tab">On Sale</a></li>
                <li class="nav-item"><a href="#boy" class="" aria-current="false" data-bs-toggle="tab">Boys</a></li>
                <li class="nav-item"><a href="#girl" class="" aria-current="false" data-bs-toggle="tab">Girls</a></li>
              </ul>
            </div>
            <form class="card-body tab-content">
              <div class="tab-pane active" id="all">
                <div class="product">
                  <div class="row mb-16">
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card sec-2 mb-32 mb-sm-0">
                        <div class="img-block"><img src="./media/product/p-14.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Friendly Dragon</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $64</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="img-block"><img src="./media/product/p-15.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Ride-On-Car</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $300</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec-2">
                        <div class="img-block"><img src="./media/product/p-16.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Abacus Toy</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $10</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="img-block"><img src="./media/product/p-17.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>My Melody Plush</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $50</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="discount">10% Off </div>
                        <div class="img-block"><img src="./media/product/p-18.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Bumble Bee</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $100</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec-2">
                        <div class="img-block"><img src="./media/product/p-19.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Toy Aeroplane</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $05</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="img-block"><img src="./media/product/p-20.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Toy Excavator</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $15</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec-2">
                        <div class="img-block"><img src="./media/product/p-21.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Bunny Plush</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $48</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="tab-pane" id="top">
                <div class="product">
                  <div class="row mb-16">
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card sec-2 mb-32 mb-sm-0">
                        <div class="img-block"><img src="./media/product/p-14.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Friendly Dragon</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $64</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="img-block"><img src="./media/product/p-20.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Toy Excavator</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $15</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec-2">
                        <div class="img-block"><img src="./media/product/p-21.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Bunny Plush</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $48</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="img-block"><img src="./media/product/p-17.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>My Melody Plush</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $50</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="discount">10% Off </div>
                        <div class="img-block"><img src="./media/product/p-18.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Bumble Bee</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $100</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec-2">
                        <div class="img-block"><img src="./media/product/p-19.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Toy Aeroplane</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $05</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="img-block"><img src="./media/product/p-20.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Toy Excavator</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $15</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec-2">
                        <div class="img-block"><img src="./media/product/p-21.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Bunny Plush</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $48</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="tab-pane" id="sale">
                <div class="product">
                  <div class="row mb-16">
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card sec-2 mb-32 mb-sm-0">
                        <div class="img-block"><img src="./media/product/p-14.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Friendly Dragon</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $64</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="img-block"><img src="./media/product/p-15.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Ride-On-Car</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $300</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="img-block"><img src="./media/product/p-17.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>My Melody Plush</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $50</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="img-block"><img src="./media/product/p-20.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Toy Excavator</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $15</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="discount">10% Off </div>
                        <div class="img-block"><img src="./media/product/p-18.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Bumble Bee</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $100</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec-2">
                        <div class="img-block"><img src="./media/product/p-19.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Toy Aeroplane</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $05</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="img-block"><img src="./media/product/p-20.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Toy Excavator</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $15</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec-2">
                        <div class="img-block"><img src="./media/product/p-21.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Bunny Plush</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $48</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="tab-pane" id="boy">
                <div class="product">
                  <div class="row mb-16">
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 mb-sm-0 sec-2">
                        <div class="img-block"><img src="./media/product/p-16.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Abacus Toy</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $10</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="img-block"><img src="./media/product/p-20.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Toy Excavator</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $15</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec-2">
                        <div class="img-block"><img src="./media/product/p-21.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Bunny Plush</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $48</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="img-block"><img src="./media/product/p-17.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>My Melody Plush</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $50</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="discount">10% Off </div>
                        <div class="img-block"><img src="./media/product/p-18.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Bumble Bee</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $100</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec-2">
                        <div class="img-block"><img src="./media/product/p-19.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Toy Aeroplane</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $05</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="img-block"><img src="./media/product/p-20.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Toy Excavator</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $15</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec-2">
                        <div class="img-block"><img src="./media/product/p-21.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Bunny Plush</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $48</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="tab-pane" id="girl">
                <div class="product">
                  <div class="row mb-16">
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 mb-sm-0 sec-2">
                        <div class="img-block"><img src="./media/product/p-19.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Toy Aeroplane</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $05</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="img-block"><img src="./media/product/p-20.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Toy Excavator</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $15</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec-2">
                        <div class="img-block"><img src="./media/product/p-21.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Bunny Plush</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $48</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="img-block"><img src="./media/product/p-17.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>My Melody Plush</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $50</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="discount">10% Off </div>
                        <div class="img-block"><img src="./media/product/p-18.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Bumble Bee</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $100</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec-2">
                        <div class="img-block"><img src="./media/product/p-19.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Toy Aeroplane</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $05</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec">
                        <div class="img-block"><img src="./media/product/p-20.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Toy Excavator</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $15</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                      <div class="product-card mb-32 sec-2">
                        <div class="img-block"><img src="./media/product/p-21.png" alt=""></div>
                        <div class="content">
                          <div class="name-price">
                            <div class="product-name">
                              <h5>Bunny Plush</h5>
                            </div>
                            <div class="product-price">
                              <h5 class="bold">– $48</h5>
                            </div>
                          </div><a href="cart.html" class="cus-btn primary">Add to Cart</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </form>
            <div class="d-flex justify-content-center"><a href="shop-listing-1.html" class="cus-btn primary">Discover
                More </a></div>
          </div>
        </div>
      </section>
      <section class="review ">
        <div class="container">
          <div class="heading mb-48 text-center">
            <h2>User’s Reviews</h2>
          </div>
          <div class="review-slider slick-initialized slick-slider slick-dotted">
            <div class="slick-list draggable" style="padding: 0px;">
              <div class="slick-track" style="opacity: 1; width: 5160px; transform: translate3d(-1290px, 0px, 0px);">
                <div class="reviews slick-slide slick-cloned" data-slick-index="-4" id="" aria-hidden="true"
                  style="width: 406px;" tabindex="-1">
                  <h5 class="color-black h-21 bold mb-16">Sarah Miller</h5>
                  <p class="light-black mb-16">As a parent,it's such a delight to see my children's faces light up when
                    they receive toys from this store.</p>
                  <div class="text-end"></div>
                </div>
                <div class="reviews slick-slide slick-cloned" data-slick-index="-3" id="" aria-hidden="true"
                  style="width: 406px;" tabindex="-1">
                  <h5 class="color-black h-21 bold mb-16">Lola Sayo</h5>
                  <p class="light-black mb-16">As a parent,it's such a delight to see my children's faces light up when
                    they receive toys from this store.</p>
                  <div class="text-end"></div>
                </div>
                <div class="reviews slick-slide slick-cloned" data-slick-index="-2" id="" aria-hidden="true"
                  style="width: 406px;" tabindex="-1">
                  <h5 class="color-black h-21 bold mb-16">Maya Mishra</h5>
                  <p class="light-black mb-16">As a parent,it's such a delight to see my children's faces light up when
                    they receive toys from this store.</p>
                  <div class="text-end"></div>
                </div>
                <div class="reviews slick-slide slick-cloned slick-active" data-slick-index="-1" id=""
                  aria-hidden="false" style="width: 406px;" tabindex="-1">
                  <h5 class="color-black h-21 bold mb-16">Sarah Miller</h5>
                  <p class="light-black mb-16">As a parent,it's such a delight to see my children's faces light up when
                    they receive toys from this store.</p>
                  <div class="text-end"></div>
                </div>
                <div class="reviews slick-slide slick-current slick-active slick-center" data-slick-index="0"
                  aria-hidden="false" style="width: 406px;" tabindex="0" role="tabpanel" id="slick-slide00"
                  aria-describedby="slick-slide-control00">
                  <h5 class="color-black h-21 bold mb-16">Sarah Miller</h5>
                  <p class="light-black mb-16">As a parent,it's such a delight to see my children's faces light up when
                    they receive toys from this store.</p>
                  <div class="text-end"></div>
                </div>
                <div class="reviews slick-slide slick-active" data-slick-index="1" aria-hidden="false"
                  style="width: 406px;" tabindex="0" role="tabpanel" id="slick-slide01"
                  aria-describedby="slick-slide-control01">
                  <h5 class="color-black h-21 bold mb-16">Lola Sayo</h5>
                  <p class="light-black mb-16">As a parent,it's such a delight to see my children's faces light up when
                    they receive toys from this store.</p>
                  <div class="text-end"></div>
                </div>
                <div class="reviews slick-slide" data-slick-index="2" aria-hidden="true" style="width: 406px;"
                  tabindex="0" role="tabpanel" id="slick-slide02" aria-describedby="slick-slide-control02">
                  <h5 class="color-black h-21 bold mb-16">Maya Mishra</h5>
                  <p class="light-black mb-16">As a parent,it's such a delight to see my children's faces light up when
                    they receive toys from this store.</p>
                  <div class="text-end"></div>
                </div>
                <div class="reviews slick-slide" data-slick-index="3" aria-hidden="true" style="width: 406px;"
                  tabindex="-1" role="tabpanel" id="slick-slide03" aria-describedby="slick-slide-control03">
                  <h5 class="color-black h-21 bold mb-16">Sarah Miller</h5>
                  <p class="light-black mb-16">As a parent,it's such a delight to see my children's faces light up when
                    they receive toys from this store.</p>
                  <div class="text-end"></div>
                </div>
                <div class="reviews slick-slide slick-cloned slick-center" data-slick-index="4" id="" aria-hidden="true"
                  style="width: 406px;" tabindex="-1">
                  <h5 class="color-black h-21 bold mb-16">Sarah Miller</h5>
                  <p class="light-black mb-16">As a parent,it's such a delight to see my children's faces light up when
                    they receive toys from this store.</p>
                  <div class="text-end"></div>
                </div>
                <div class="reviews slick-slide slick-cloned" data-slick-index="5" id="" aria-hidden="true"
                  style="width: 406px;" tabindex="-1">
                  <h5 class="color-black h-21 bold mb-16">Lola Sayo</h5>
                  <p class="light-black mb-16">As a parent,it's such a delight to see my children's faces light up when
                    they receive toys from this store.</p>
                  <div class="text-end"></div>
                </div>
                <div class="reviews slick-slide slick-cloned" data-slick-index="6" id="" aria-hidden="true"
                  style="width: 406px;" tabindex="-1">
                  <h5 class="color-black h-21 bold mb-16">Maya Mishra</h5>
                  <p class="light-black mb-16">As a parent,it's such a delight to see my children's faces light up when
                    they receive toys from this store.</p>
                  <div class="text-end"></div>
                </div>
                <div class="reviews slick-slide slick-cloned" data-slick-index="7" id="" aria-hidden="true"
                  style="width: 406px;" tabindex="-1">
                  <h5 class="color-black h-21 bold mb-16">Sarah Miller</h5>
                  <p class="light-black mb-16">As a parent,it's such a delight to see my children's faces light up when
                    they receive toys from this store.</p>
                  <div class="text-end"></div>
                </div>
              </div>
            </div>
            <ul class="slick-dots" style="" role="tablist">
              <li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control00"
                  aria-controls="slick-slide00" aria-label="1 of 2" tabindex="0" aria-selected="true">1</button></li>
              <li role="presentation" class=""><button type="button" role="tab" id="slick-slide-control01"
                  aria-controls="slick-slide01" aria-label="2 of 2" tabindex="-1">2</button></li>
              <li role="presentation" class=""><button type="button" role="tab" id="slick-slide-control02"
                  aria-controls="slick-slide02" aria-label="3 of 2" tabindex="-1">3</button></li>
              <li role="presentation" class=""><button type="button" role="tab" id="slick-slide-control03"
                  aria-controls="slick-slide03" aria-label="4 of 2" tabindex="-1">4</button></li>
            </ul>
          </div>
        </div>
      </section>
      <section class="blog p-96">
        <div class="container">
          <div class="heading mb-48 text-center">
            <h2>Read Toy Stories</h2>
          </div>
          <div class="row">
            <div class="col-lg-4 col-md-6">
              <div class="blog-card mb-24 mb-lg-0"><img src="./media/blog/img-1.png" class="w-100" alt="">
                <div class="content">
                  <h4 class="color-black h-27 mb-16">Gifts of Joy:Perfect Presents for Kids</h4>
                  <div class="name-btn">
                    <div class="name"><img src="./media/author/img-1.png" alt="">
                      <p class="medium-black">Author’s name</p>
                    </div><a href="blog-detail.html" class="light-btn primary">Button <i
                        class="far fa-angle-right"></i></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-6">
              <div class="blog-card mb-24 mb-lg-0"><img src="./media/blog/img-2.png" class="w-100" alt="">
                <div class="content">
                  <h4 class="color-black h-27 mb-16">Toyland Treasures:Discover the Fun!</h4>
                  <div class="name-btn">
                    <div class="name"><img src="./media/author/img-2.png" alt="">
                      <p class="medium-black">Author’s name</p>
                    </div><a href="blog-detail.html" class="light-btn primary">Button <i
                        class="far fa-angle-right"></i></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-4 col-md-6 offset-lg-0 offset-md-3">
              <div class="blog-card "><img src="./media/blog/img-3.png" class="w-100" alt="">
                <div class="content">
                  <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                  <div class="name-btn">
                    <div class="name"><img src="./media/author/img-3.png" alt="">
                      <p class="medium-black">Author’s name</p>
                    </div><a href="blog-detail.html" class="light-btn primary">Button <i
                        class="far fa-angle-right"></i></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
    <footer class="bg-light-blue">
      <div class="container">
        <div class="footer-main mb-64">
          <div class="footer-info">
            <div class="footer-about">
              <div class="logo mb-16"><a href="index.html"><img src="./media/logo.png" alt=""></a></div>
              <p class="color-white mb-32">Welcome to our world of imagination <br>and play!At Sarah's Toy Emporium,we
                <br>believe in creating magical experiences <br>for children and igniting their joy.</p>
              <div class="contact">
                <ul class="contact-list unstyled">
                  <li class="mb-32"><a href=""><i class="fal fa-phone-alt"></i><span>+1 233 898 0897</span></a></li>
                  <li class=""><a href="mailto:info@example.com"><i
                        class="fal fa-envelope"></i><span>email@example.com</span></a></li>
                </ul>
              </div>
            </div>
            <div class="newsletter">
              <h3 class="mb-24">Subscribe to our Newsletter</h3>
              <form action="./index.html" class=""><input type="email" id="email" placeholder="Email"
                  class="form-control mb-16" required=""><button type="submit"
                  class="cus-btn primary w-100">Subscribe</button></form>
              <ul class="unstyled social-icons">
                <li><a href="index.html"><i class="fab fa-facebook-f"></i></a></li>
                <li><a href="index.html"><i class="fab fa-twitter"></i></a></li>
                <li><a href="index.html"><i class="fab fa-snapchat-ghost"></i></a></li>
                <li><a href="index.html"></a></li>
              </ul>
            </div>
            <div class="menu">
              <h3 class="color-white mb-8">Important Links</h3>
              <ul class="link unstyled">
                <li class=""><a href="index.html">– Home</a></li>
                <li class=""><a href="cart.html">– Cart</a></li>
                <li class=""><a href="shop-listing-1.html">– Shop</a></li>
                <li class=""><a href="checkout.html">– Checkout</a></li>
                <li class=""><a href="about.html">– About</a></li>
                <li class=""><a href="product-detail.html">– Product Detail</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </footer>
  </div>
</body>